$(function () {
    //  给去注册账号注册点击事件
    $('#links-reg').on('click', function () {
        $('#login-box').hide();
        $('#reg-box').show();
        // console.log('111');
    })
    $('#links-login').on('click', function () {
        $('#login-box').show();
        $('#reg-box').hide();
        // console.log('222');
    })

    var layer = layui.layer
    // 添加密码框校验规则
    var form = layui.form;
    form.verify({
        pwd: [
            /^[\S]{6,12}$/
            , '密码必须6到12位，且不能出现空格'
        ],
        repwd: function (value) {
            // var pwd = $('#password-reg').val();
            var pwd = $('#reg-box [name=password]').val();
            if (pwd !== value) {
                return "两次密码不一致！"
            }
        }
    })

    //监听注册表单的提交事件
    $('#form_reg').on('submit', function (e) {
        //阻止默认提交行为
        e.preventDefault();

        var data = { username: $('#form_reg [name=username]').val(), password: $('#form_reg [name=password]').val() }
        //发送ajax请求
        $.post('/api/reguser', data, function (res) {
            if (res.status !== 0) {
                return layer.msg(res.message)
            }
            //注册成功
            layer.msg('注册成功，跳转到登录页面！')
            //自动跳转
            $('#links-login').click();
        });

    })

    //监听登录表单的提交事件
    $('#form_login').on('submit',function (e) {
        // 
        e.preventDefault();
        //发送登录ajax请求
        $.ajax({
            url: '/api/login',
            method: 'post',
            data: $(this).serialize(),
            success: function (res) {
                if (res.status!==0) {
                    return layer.msg(res.message)
                }
                layer.msg(res.message)
                console.log(res.token);
                //存储到本地
                localStorage.setItem('token', res.token)
                //跳转到首页
                // location.href = '/index.html'
                location.href = '/index.html'
            }

        })
    })

})